<!--
 * createor: zc
 * email: zc8023zs@163.com
 * create_time: 2020/3/14 13:46:24
 *-->
<template>
  <el-container>
    <el-header>
      团长佣金提现申请明细详情
    </el-header>
    <el-main>
      <el-form label-width="200px" :inline="true" style="padding:5% 5% 0 5%">
        <el-form-item label="编号：">
          <span>{{formData.id}}</span>
        </el-form-item>
        <el-form-item label="提现单号：">
          <span>{{formData.transfer_num}}</span>
        </el-form-item>
        <el-form-item label="提现金额：">
          <span>{{formData.price}}</span>
        </el-form-item>
        <el-form-item label="审核状态 0待审核 1审核通过 2拒绝 3提现成功 4提现异常：">
          <span>{{formData.approval_status}}</span>
        </el-form-item>
        <el-form-item label="用户id：">
          <span>{{formData.user_id}}</span>
        </el-form-item>
        <el-form-item label="运营商id：">
          <span>{{formData.operator_id}}</span>
        </el-form-item>
        <el-form-item label="平台交易管理费：">
          <span>{{formData.platform_trade_fee}}</span>
        </el-form-item>
        <el-form-item label="其它费用：">
          <span>{{formData.other_fee}}</span>
        </el-form-item>
        <el-form-item label="到账账号：">
          <span>{{formData.collection_number}}</span>
        </el-form-item>
        <el-form-item label="支付渠道流水号：">
          <span>{{formData.pay_flow_num}}</span>
        </el-form-item>
        <el-form-item label="申请时间：">
          <span>{{formData.apply_time}}</span>
        </el-form-item>
        <el-form-item label="审核时间：">
          <span>{{formData.approval_time}}</span>
        </el-form-item>
        <el-form-item label="平台审核操作员id：">
          <span>{{formData.approval_admin_id}}</span>
        </el-form-item>
        <el-form-item label="备注：">
          <span>{{formData.remark}}</span>
        </el-form-item>
        <el-form-item label="提现方式 1微信 2银行卡转账：">
          <span>{{formData.type}}</span>
        </el-form-item>
        <el-form-item label="收款人姓名：">
          <span>{{formData.re_user_name}}</span>
        </el-form-item>
        <el-form-item label="银行编码：">
          <span>{{formData.bank_code}}</span>
        </el-form-item>
        <el-form-item label="银行名称：">
          <span>{{formData.bank_name}}</span>
        </el-form-item>
        <el-form-item label="提现申请时微信app_id：">
          <span>{{formData.wx_app_id}}</span>
        </el-form-item>
      </el-form>
    </el-main>
  </el-container>
</template>
<style scoped>
body .app-container .el-container,
body .app-container .el-header,
body .app-container .el-main,
body .el-container,
body .el-header,
body .el-main {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
</style>
<script>
import { Loading } from "element-ui";
import {
  jbr_user_extraction_applyInfo
} from '@/api/project/wmyh/project_wmyh_jbr_user_extraction_apply'
export default {
  name: "a_wmyha_jbr_user_extraction_apply_info",
  data() {
    return {
      infoLoading: false,
      formData:{
        id: 0, 
        transfer_num: '', 
        price: 0.0, 
        approval_status: 0, 
        user_id: 0, 
        operator_id: 0, 
        platform_trade_fee: 0.0, 
        other_fee: 0.0, 
        collection_number: '', 
        pay_flow_num: '', 
        apply_time: '2020/8/11 10:52:36', 
        approval_time: '2020/8/11 10:52:36', 
        approval_admin_id: 0, 
        remark: '', 
        type: 0, 
        re_user_name: '', 
        bank_code: '', 
        bank_name: '', 
        wx_app_id: '', 
      }
    };
  },
  activated() {
    var result = location.search.match(new RegExp("[\?\&]id=([^\&]+)", "i"));
    if(result != null || result.length > 0){
      this.onInfo(result[1]);
    }
  },
  methods: {
    onInfo(id){
      this.infoLoading=true;
      jbr_user_extraction_applyInfo({id:id}).then(r=>{
        this.formData.id = r.dataSingle.id, 
        this.formData.transfer_num = r.dataSingle.transfer_num, 
        this.formData.price = r.dataSingle.price, 
        this.formData.approval_status = r.dataSingle.approval_status, 
        this.formData.user_id = r.dataSingle.user_id, 
        this.formData.operator_id = r.dataSingle.operator_id, 
        this.formData.platform_trade_fee = r.dataSingle.platform_trade_fee, 
        this.formData.other_fee = r.dataSingle.other_fee, 
        this.formData.collection_number = r.dataSingle.collection_number, 
        this.formData.pay_flow_num = r.dataSingle.pay_flow_num, 
        this.formData.apply_time = r.dataSingle.apply_time, 
        this.formData.approval_time = r.dataSingle.approval_time, 
        this.formData.approval_admin_id = r.dataSingle.approval_admin_id, 
        this.formData.remark = r.dataSingle.remark, 
        this.formData.type = r.dataSingle.type, 
        this.formData.re_user_name = r.dataSingle.re_user_name, 
        this.formData.bank_code = r.dataSingle.bank_code, 
        this.formData.bank_name = r.dataSingle.bank_name, 
        this.formData.wx_app_id = r.dataSingle.wx_app_id, 
        this.infoLoading=false;
      }).catch(()=>{
        this.infoLoading=false;
      });
    }
  }
}
</script>
